<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta name="renderer" content="webkit">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>系统登录 - {{$back_site_name}}</title>
    @include('innerend/common/meta')
    <style>
        * {
            margin: 0;
            padding: 0
        }

        body {
            font-family: MicroSoft YaHei, Verdana, Geneva, sans-serif;
            font-size: 12px;
            color: #333;
        }

        html, body {
            background: url(/static/innerend/h-ui.admin/images/welcome_bg.jpg) center 0;
            background-size: 100%;
        }

        ul {
            list-style: none
        }

        a {
            outline: none;
            text-decoration: none;
            color: #333;
        }

        a:hover {
            color: #c00;
        }

        .flol {
            float: left;
        }

        .flor {
            float: right;
        }

        .t {
            height: 76px;
            overflow: hidden;
        }

        .h {
            width: 1000px;
            margin: 0 auto;
        }

        .logo {
            padding-top: 20px;
            float: left;
            overflow: hidden;
        }

        .logo_right {
            float: right;
            color: #666;
            padding-top: 42px;
        }

        .logo_right a {
            color: #666;
        }

        .logo_right a:hover {
            color: #c00;
        }

        .logo_right span {
            padding: 0 12px;
        }

        .c {
            width: 100%;
            min-width: 1000px;
            height: 600px;
            position: relative
        }

        .b {
            height: 70px;
            line-height: 70px;
            clear: both;
            width: 1000px;
            margin: 0 auto;
            text-align: center;
            color: #fff;
            font-size: 14px;
            font-family: "Microsoft YaHei UI";
        }

        .box {
            position: absolute;
            width: 300px;
            left: 50%;
            margin-left: 150px;
            top: 80px;
            filter: progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#B2FFFFFF', endColorstr='#B2FFFFFF');
            _background: #f0f0f0;
            padding-bottom: 30px;
            border-radius: 6px;
        }

        :root .box {
            filter: none;
            background-color: rgba(255, 255, 255, 0.9);
        }

        .boxc {
            width: 244px;
            padding: 0 28px;
            padding-bottom: 50px;
            overflow: hidden;
        }

        .boxc h3 {
            font-weight: normal;
            text-align: center;
            font-size: 18px;
            height: 20px;
            line-height: 20px;
            padding: 32px;
            overflow: hidden;
        }

        .text_item {
            width: 242px;
            height: 40px;
            line-height: 40px;
            margin: 0 0 20px 0;
            border: 1px solid #999999;
            overflow: hidden;
        }

        .text_item.user input {
            float: left;
            width: 127px;
        }

        .text, .text_f, .text_yzm {
            width: 226px;
            height: 30px;
            line-height: 30px;
            outline: none;
            font-size: 20px;
            background: none;
            border: none;
            padding: 5px 8px;
            font-family: MicroSoft YaHei;
            color: #999;
        }

        .text_yzm {
            margin: 0 0 20px 0;
            border: 1px;
        }

        .text_f {
            color: #333;
        }

        .bl {
            overflow: hidden;
            zoom: 1;
        }

        .bl input {
            vertical-align: -2px;
            opacity: 0.7;
        }

        .btnb {
            margin: 20px 0 0 0;
            width: 244px;
        }

        .btn {
            width: 244px;
            height: 42px;
            line-height: 42px;
            border: none;
            font-size: 16px;
            color: #fff;
            background: #cc0000;
            font-family: MicroSoft YaHei;
            cursor: pointer;
        }

        .bl {
            clear: both;
        }

        .yzm {
            float: left;
            width: 120px;
        }

        .yzmpic {
            float: left;
            padding-left: 10px;
        }

        .yzmpic img {
            height: 42px;
            width: 110px;
        }

        .msg {
            position: absolute;
            top: 60px;
            left: 30px;
            height: 20px;
            line-height: 20px;
            color: #ff0000;
            padding-left: 16px;
        }

        .pop {
            position: absolute;
            width: 242px;
            border: 1px solid #c8c8c8;
            background: #fff;
            z-index: 100;
            left: 28px;
            top: 125px;
            z-index: 1000;
            overflow: hidden;
        }

        .pop a {
            display: block;
            height: 36px;
            line-height: 36px;
            font-size: 14px;
            text-decoration: none;
            padding: 0 8px;
            overflow: hidden;
        }

        .pop a:hover {
            background: #f0f0f0;
            color: #333;
        }

        .pop p:hover {
            background: #f6f6f6
        }

        .pop p:first-child a {
            border-top: 1px dotted #eee;
        }

        .pop p.first {
            color: #000;
            background: #b5c6e6;
        }
    </style>
    <!-- 登录界面普通处理结束 -->
</head>

<body>
<div class="c">
    <div class="box" id="box" style="left: 50%; right: 60px;">
        <!-- 错误信息提示框开始 -->
        <div class="msg" style="display:none" id="msg"></div>
        <!-- 错误信息提示框结束 -->
        <div class="boxc">
            <h3>{{$back_site_name}}</h3>
            <form class="form form-horizontal" action="{{url('innerend/account/on-login')}}" method="post">
                <div class="text_item">
                    <input type="text" class="text" id="username" name="username" style="ime-mode:disabled;"
                           autocomplete="off" placeholder="管理账号" onfocus="this.className='text_f'"
                           onblur="this.className='text'"/>
                    <div class="pop" style="display:none;" id="pop"></div>
                </div>
                <div class="text_item">
                    <input type="password" class="text" name="password" id="password" placeholder="密码"
                           onfocus="this.className='text_f'" onblur="this.className='text'"/>
                </div>
                <div class="btnb">
                    <input type="button" id="login" class="btn" value="登  录"/>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="b">
    Copyright &copy;
    <script language="javascript">
        var dt = new Date();
        y = dt.getFullYear(); //获取年(四位)
        document.write(y)
    </script>
    {{$back_site_name}}
</div>

@include('innerend/common/footer')
<script language="javascript">
    $(document).ready(function (e) {
        $("#login").on("click", function () {
            var username = $("#username").val();
            var password = $("#password").val();

            if (username == "" || password == "") {
                layer.msg('请填写账号或密码！');
                return false;
            }

            $.ajax({
                beforeSend: function () {
                    //$("#doing").show();
                },
                type: "POST",
                headers: {U4TIRP87hGoJhcyM:"mZwTzXgOawVV1GJJ"},
                dataType: "json",
                url: "{{url('/innerend/account/on-login')}}",
                data: {username: username, password: password},
                error: function (XmlHttpRequest, textStatus, errorThrown) {

                },
                success: function (ret) {
                    layer.msg(ret.msg, {icon: 6, time: 2000});
                    if (ret.code == 200) {
                        setTimeout(function () {
                            window.top.location.href = "{{url('/innerend/home/index')}}";
                        }, 2000);
                    }
                },
                complete: function () {
                }
            });
        });
    });
</script>
</body>
</html>
